<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>警告框</title>
<link href="assets/css/doncare.css" type="text/css" rel="stylesheet" />
<link href="assets/css/doncare.frame.css" type="text/css" rel="stylesheet" />
<link href="assets/font/icon200.css" type="text/css" rel="stylesheet">
<!--[if lt IE 8]>
<link href="assets/font/icon200ie7.css" type="text/css" rel="stylesheet">
<![endif]-->
<script src="assets/js/jquery.js" type="text/javascript"></script>
<script src="assets/js/doncare.js" type="text/javascript" defer></script>
<script src="assets/js/doncare.page.js" type="text/javascript" defer></script>
<script src="assets/js/doncare.frame.js" type="text/javascript" defer></script>
</head>
<body>
<div id="header" class="header">
    <div class="header-left">
        
    </div>
    <div class="header-option">
        <a href="javascript:;" onclick="DC.page.open('tag.html');" ><i class="icon-sign-left"></i>彩色标记</a>
        <a href="javascript:;" onclick="DC.page.open('dropdown.html');" ><i class="icon-sign-right"></i>下拉菜单</a>
    </div>
</div>
<div id="main" class="main">

    <div class="block">
        <div class="block-header">
            <span>四种透明的警告框</span>
        </div>
        <div class="block-main">
            <div class="alert alert-success">
                <strong>艾玛成功了！</strong>你的操作success
            </div>
            <div class="alert alert-info">
                <strong>艾玛有提示！</strong>你的操作info
            </div>
            <div class="alert alert-warning">
                <strong>艾玛有疑似！</strong>你的操作warning
            </div>
            <div class="alert alert-danger">
                <strong>艾玛出错了！</strong>你的操作danger
            </div>
            <div class="code-block">
                <pre>
&lt;div class="alert alert-success"&gt;
    &lt;strong&gt;艾玛成功了！&lt;/strong&gt;你的操作success
&lt;/div&gt;
&lt;div class="alert alert-info"&gt;
    &lt;strong&gt;艾玛有提示！&lt;/strong&gt;你的操作info
&lt;/div&gt;
&lt;div class="alert alert-warning"&gt;
    &lt;strong&gt;艾玛有疑似！&lt;/strong&gt;你的操作warning
&lt;/div&gt;
&lt;div class="alert alert-danger"&gt;
    &lt;strong&gt;艾玛出错了！&lt;/strong&gt;你的操作danger
&lt;/div&gt;</pre>
            </div>
        </div>
    </div>

    <div class="block transparent">
        <div class="block-header">
            <span>增加关闭按钮的警告框</span>
        </div>
        <div class="block-main">
            <div class="alert alert-warning">
                <strong>艾玛！</strong>试试点右边的按钮吧
                <a href="javascript:;" onclick="DC.closeAlert(this)" class="link"><i class="icon-error"></i></a>
            </div>
            <div class="code-block">
                <pre>
&lt;div class="alert alert-warning"&gt;
    &lt;strong&gt;艾玛！&lt;/strong&gt;试试点右边的按钮吧
    &lt;a href="javascript:;" onclick="DC.closeAlert(this)" class="link"&gt;&lt;i class="icon-error"&gt;&lt;/i&gt;&lt;/a&gt;
&lt;/div&gt;</pre>
            </div>
        </div>
    </div>

</div>
</body>
</html>
